<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>定位的模拟滚动吸附属性</title>
</head>

<body>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .sticky {
            position: sticky;
            /* 固定在 */
            position: -webkit-sticky;
            top: 0;
            height: 60px;
            background-color: #63E7BB;
            /* position: fixed; 固定，会遮挡后面的元素
            position: absolute; 固定，会遮挡后面的元素
            position: relative; 不能固定，不遮挡后面的元素*/
            width: 100%;
        }
        .sticky2 {
            position: sticky;
            /* 固定在 */
            position: -webkit-sticky;
            top: 75px;
            height: 60px;
            background-color: #E28334;
            /* position: fixed; 固定，会遮挡后面的元素
            position: absolute; 固定，会遮挡后面的元素
            position: relative; 不能固定，不遮挡后面的元素*/
            width: 100%;
        }
    </style>
    <div class="sticky">
        <p>顶部导航</p>
    </div>
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quae excepturi earum iste, amet facere, sapiente exercitationem
        asperiores, dolores obcaecati quidem soluta laboriosam. Rem, cupiditate dolorum repudiandae eum voluptatum dolore
        blanditiis? Voluptas odio suscipit placeat commodi, quos, esse, ab eum atque sed praesentium laudantium porro fuga
        vel hic consequuntur alias laborum. Reiciendis voluptatem aliquid omnis eligendi aspernatur in repellat et itaque!
        Harum exercitationem eveniet facilis veritatis, cum autem modi magni suscipit distinctio repellendus praesentium
        eos? Voluptate maxime aliquid rem dolor recusandae est, et, veritatis eligendi doloremque, nam incidunt ducimus cumque
        necessitatibus? Fugit sed neque dolore odit dicta rem repudiandae voluptate natus amet ducimus. Fuga quas iusto voluptates.
        Ipsum itaque, ab ut asperiores nemo placeat, nulla, maiores iusto amet facilis est laborum! Non cum porro consequatur
        qui illum id, aspernatur eius laborum alias delectus! Aliquam expedita esse reiciendis asperiores eum dolor laboriosam
        tempore laudantium magnam. Quos aperiam aliquid ab, facere consectetur natus! Blanditiis perspiciatis esse quae architecto
        incidunt, maxime fugit accusantium eius excepturi quasi a mollitia corporis reiciendis ducimus molestias, nobis rerum
        ipsa reprehenderit. In labore incidunt saepe omnis doloremque quo soluta! Excepturi voluptas qui minima vel veniam
        reiciendis, maiores non eligendi aliquid adipisci, magni recusandae neque animi quidem earum fugit asperiores id.
        Vel non quaerat obcaecati! Eius deleniti nemo doloremque provident. Vitae asperiores hic perspiciatis magnam, blanditiis
        aperiam quidem cupiditate, eum eius quo expedita doloremque. Animi, molestiae voluptatibus. Commodi, est. Possimus
        earum eos laboriosam quasi quam sequi consequatur aperiam odio aut. Consequatur assumenda, vero maiores fugiat itaque
        provident voluptas repellat laboriosam eius placeat officia ratione inventore adipisci. Illo iste ipsum unde optio,
        dicta corrupti qui, excepturi, sit cum quod reprehenderit non! Animi, non, soluta possimus similique adipisci optio
        suscipit quibusdam officiis eius nesciunt provident magni in sed magnam? Ut, laborum nostrum molestiae aperiam, repellat
        quia doloribus reiciendis dicta rem, voluptas non. Veniam autem voluptates excepturi nesciunt delectus nam. Nihil
        voluptas, neque possimus repellat temporibus veniam. Expedita, nulla molestias voluptatem, commodi vero quas assumenda
        doloribus tempora, quibusdam cumque dolorum excepturi nostrum eius! Perferendis sunt saepe id, consequatur illum
        minus est obcaecati, eveniet mollitia non omnis reprehenderit, distinctio enim dicta nemo impedit architecto quo
        optio ad alias voluptatibus ullam quod aspernatur consequuntur? Ullam. Quis modi ut animi, nam recusandae quia numquam
        ex perspiciatis nobis tempora? Eveniet rerum velit consectetur nam neque ipsam quasi a at eius ex! Delectus explicabo
        eius nobis non. Voluptate. Exercitationem provident eveniet asperiores qui odit praesentium numquam totam quod maxime
        illum. Minus quos facilis inventore eius doloribus nisi ad exercitationem praesentium. Rem numquam ex ipsa sed praesentium
        provident fugit? Animi cumque veritatis laboriosam odio debitis eos eligendi quisquam necessitatibus, reprehenderit
        non enim veniam impedit repudiandae aliquam, excepturi dolore tempore neque eum eveniet perspiciatis omnis. Incidunt
        ea soluta iure nulla? Fuga neque exercitationem, molestias natus velit sapiente iure animi assumenda quas aperiam
        voluptate repellat nihil dolore libero quia excepturi impedit. Maxime ipsa ipsum repellat, dolorum ratione voluptatem.
        Mollitia, quae a. Atque sequi natus quaerat minima ratione, unde at, aliquam quidem quasi esse consequuntur vitae,
        possimus cupiditate alias? Eum error esse consequatur, nemo ipsa repellat expedita id vitae eos. Labore, alias? Aspernatur
        placeat, perspiciatis voluptates libero ut, quas eaque voluptatibus minima vel necessitatibus commodi reprehenderit
        illum dicta est odio provident! Voluptas nam accusamus quae in? Et reprehenderit alias nemo! At, qui? Eaque velit
        sequi dolores repudiandae quo similique fugiat quibusdam ea, quis asperiores! Ex, quos velit fuga eligendi provident
        officia distinctio nam asperiores sapiente? Distinctio consectetur, soluta incidunt mollitia ex nobis? Corrupti,
        asperiores tempore. Vel iusto accusamus odit ipsum explicabo, eum quis illo laudantium et eaque dolor dolores at
        voluptatibus atque similique aperiam adipisci ullam ad nesciunt incidunt aliquid voluptas facilis? Perferendis suscipit
        voluptates nostrum reprehenderit voluptatum animi eligendi doloremque nihil necessitatibus unde veritatis ullam eveniet
        pariatur accusamus repudiandae deserunt, optio esse corporis illo at, harum quaerat? Quisquam aperiam consequatur
        placeat. Maxime soluta distinctio eum ipsum sed? Iusto, consequuntur? Molestias fugiat maxime non est nostrum quisquam
        pariatur ipsam, exercitationem quod dolorem soluta voluptatem id et, cupiditate dicta consequuntur, dolorum consectetur
        dolor. Porro maiores, unde temporibus optio facere minima necessitatibus, odio aliquid totam laudantium enim earum
        impedit placeat ullam inventore tempore eveniet minus asperiores, sapiente provident explicabo! Ut nesciunt in ducimus
        incidunt. Rerum, dolorum eos aperiam eius id voluptates a praesentium molestias, impedit corporis laboriosam autem
        dicta quam at hic odit eaque, esse maxime facere. Mollitia tempore, ipsa fugit ratione perferendis dolor? In rem,
        officiis quia possimus aut, corrupti provident delectus quis cumque quae ex? Reprehenderit suscipit corrupti quibusdam
        vel similique, at minima necessitatibus eum amet, earum eligendi. Voluptates odio perferendis esse. Illum, facilis
        corrupti. Ea id, dolores veritatis illo libero repudiandae distinctio voluptatum, nesciunt porro repellendus fuga
        qui nulla mollitia corporis numquam voluptatem, aut odit voluptas deleniti totam in. Velit, laborum! Culpa recusandae
        voluptates laudantium quo quae est sint ipsum porro, quidem nostrum minus repellat earum velit dicta voluptate reiciendis
        aliquam odio quisquam dignissimos? Quam at suscipit repellat, officiis tempore illo? Facere sint dolor sequi aut
        inventore, quas quaerat ab non praesentium dignissimos culpa, sunt, consectetur explicabo vero nostrum hic! Minima
        quisquam, assumenda distinctio eaque repellendus nisi nihil tempora tempore minus. Voluptates error ipsa similique
        necessitatibus rem quis harum incidunt quia aliquid iusto nostrum laboriosam esse iste autem libero, voluptatibus,
        maiores quod fuga est ipsam expedita consequatur quibusdam vitae. Sequi, vel. Accusantium, dolorem impedit ipsum
        dolores voluptatibus reprehenderit assumenda at porro! Fugit, ex quidem temporibus, veniam quibusdam, enim facilis
        reprehenderit sit at tempore tenetur dolor eaque aliquam ipsam modi vitae veritatis. Libero maxime animi, est quidem
        repellendus numquam placeat, explicabo saepe sunt iste totam sint excepturi earum voluptatum optio repellat assumenda,
        consequatur qui ullam porro sapiente sed. Eos dolorum neque nihil. Reprehenderit cum totam vel, vero expedita laboriosam
        quod velit nisi nobis. Libero, numquam. Enim fugit illum minima veritatis vitae delectus, reprehenderit cumque quas.
        Voluptas tempora consequuntur, porro adipisci voluptatem eos. Beatae, veniam voluptate veritatis cupiditate itaque
        omnis voluptatibus quidem et! Ut, blanditiis eius. In recusandae, alias eveniet quas ab doloremque quos vitae similique
        praesentium hic ipsam, at facilis laudantium illum. Labore sequi quod saepe magni, veniam voluptas quam reprehenderit
        expedita nesciunt esse minus et tempora deserunt nostrum praesentium culpa suscipit placeat distinctio non quae sed.
        Enim labore doloribus quidem atque. Exercitationem, saepe rerum perferendis minima magnam eveniet ea unde repellat
        aut officia ex perspiciatis fuga cum doloribus ratione quod nam delectus quasi culpa ipsum laborum! Commodi corrupti
        facilis quis nesciunt! Impedit repellat quo dolor error. Id eligendi distinctio, ducimus, tenetur, tempora assumenda
        illum mollitia dolorum illo magnam perspiciatis consectetur aperiam quaerat officia fuga nesciunt error aliquam adipisci
        nemo aspernatur laboriosam? Fugiat et vel aliquam ea expedita magnam aliquid provident nihil? Obcaecati rerum temporibus
        perspiciatis quia tempora est, fuga labore reiciendis debitis deserunt, corporis, maxime eaque nobis libero sapiente
        architecto reprehenderit. Aspernatur magni doloremque earum sequi nemo accusamus cumque autem distinctio reprehenderit.
        Est id nulla, error numquam, odio voluptatum cupiditate nemo officiis itaque modi vitae amet ratione, praesentium
        labore minus deserunt! Vero, enim minima? Porro eum neque tenetur, eligendi facere omnis facilis maiores quibusdam
        repellendus eveniet esse ea error explicabo suscipit voluptate rem harum sequi, natus enim, saepe ad? Doloribus,
        quos! Dicta tempore reprehenderit impedit quisquam, nisi totam nobis laudantium, architecto nostrum exercitationem,
        fugit quam nihil adipisci sunt. Doloribus officiis voluptate voluptatibus neque quos eum a quod accusamus ad? Vel,
        maiores. Dolorem nulla maiores modi tempora deserunt explicabo quam, reprehenderit voluptate ratione vero possimus
        porro aut sapiente autem a at! Id a doloribus eius incidunt itaque quos vitae, perferendis saepe facere. Magni, dolore
        molestias dicta illo cum saepe suscipit accusamus optio, unde, vel placeat omnis voluptates perferendis aspernatur
        odit mollitia exercitationem est nemo nobis. Inventore voluptas quam, nihil veniam harum repudiandae. Porro iste
        quas, doloribus soluta sequi perspiciatis nulla saepe velit, voluptatibus itaque laboriosam illo. Tempore esse, laboriosam
        officia beatae quis est amet molestiae nihil magni, sunt maxime, quibusdam ex fugit! Facilis, possimus! Ad esse quas
        est iure, iste corporis, veniam obcaecati exercitationem magnam consequuntur dolorum minus excepturi quaerat optio
        voluptas totam. Sequi, esse neque tenetur rem quam amet debitis. Odit. Reiciendis, praesentium adipisci accusantium
        optio officiis magnam non quasi, architecto consectetur, harum aliquid perspiciatis minus vitae ipsam corrupti suscipit
        ducimus temporibus. Aut dignissimos hic, magni corrupti illo reprehenderit similique labore? Totam perspiciatis perferendis,
        exercitationem sequi repellendus ab nam ad! Eveniet mollitia sequi consequuntur omnis est ad, aliquam fuga assumenda
        fugiat amet itaque sapiente ipsa autem delectus magnam! Quibusdam, iusto ratione? Inventore blanditiis facere provident
        unde perferendis soluta nemo dolor! In necessitatibus saepe quos vel quod, esse optio labore, assumenda maxime minus
        odit distinctio dolore rerum? Voluptate tempora incidunt autem nisi. Iusto rerum nostrum ut optio! At expedita ipsam
        optio, quaerat cupiditate fuga cumque, inventore quidem ipsum magni placeat provident libero atque, reiciendis rem
        maxime quis numquam. Veniam mollitia natus facere. Tempora harum nostrum quasi magni molestias. Odio, distinctio
        unde possimus quis velit nobis expedita repellat quisquam? Molestias et numquam sapiente ipsam. Totam maxime ab quasi
        voluptas facilis cupiditate ea? Minima! Distinctio sunt aut ad quo blanditiis a consectetur provident quisquam? Soluta
        facere iure quaerat veritatis, voluptas atque quod quia, minima voluptatem consectetur eaque, maiores neque at laudantium
        animi amet laborum? Nulla ad, quas nihil voluptates quos rerum officia quibusdam error vel mollitia aut in. Suscipit
        cum consequatur officia! Nihil repellat fuga ad temporibus! Consequuntur distinctio modi, iusto inventore hic animi.
        Inventore provident excepturi deleniti, dolor, odio quod quia rem saepe voluptatibus ducimus quaerat, exercitationem
        veniam ipsam est? Quos, eligendi. Minus eveniet doloremque optio voluptates ipsa dignissimos blanditiis commodi ad
        corrupti? Quia tempora sapiente doloribus accusantium saepe voluptate fuga possimus nulla eius minima impedit, et
        asperiores aliquid libero sint vero voluptas exercitationem nam esse, dolorum reiciendis illum ipsa! Quod, nobis
        in! Ullam tempora quod accusantium dolorum perspiciatis nisi distinctio temporibus assumenda, debitis repudiandae
        porro iste, iure velit pariatur necessitatibus nemo vel modi consequuntur! Repellat quasi illum soluta, tenetur similique
        rem facere! Hic quo esse autem blanditiis alias, numquam quisquam assumenda, sequi distinctio maxime commodi eos
        incidunt voluptatum suscipit? Delectus, impedit. Cum doloribus impedit, culpa odio commodi recusandae voluptate labore
        et nostrum. Natus nam itaque nisi eum unde nihil distinctio quia, iure commodi numquam aperiam, ullam repudiandae
        nulla deserunt. Numquam distinctio deleniti, vitae earum, obcaecati modi hic voluptatem rem eos possimus debitis.
        Explicabo deleniti molestiae quam, ex quos voluptatibus, inventore magni aliquam dolorum ad doloremque repudiandae
        numquam itaque nesciunt quae asperiores hic. Recusandae autem qui dicta enim et? Consectetur aperiam ipsum explicabo.
        Delectus autem vel laudantium similique provident? Omnis eius voluptatem impedit doloribus numquam fuga natus perferendis
        at! Incidunt, rem nobis saepe eius esse doloribus aliquam, molestias consectetur mollitia deserunt vero pariatur.
        Cupiditate quod, odit eveniet doloribus consectetur error culpa dolore voluptas qui, accusantium eos dignissimos
        possimus provident exercitationem amet assumenda, voluptates laudantium asperiores magnam sequi ratione. Unde quam
        deleniti accusamus sunt. Aperiam inventore maxime quia nemo atque voluptate nam beatae alias doloribus repellendus
        voluptatibus numquam, tempora architecto omnis unde facilis porro officiis, ipsam, consectetur sunt. Ex voluptas
        nihil commodi optio nisi? Numquam magnam vitae quis porro ratione, consequatur ex voluptate rerum, necessitatibus,
        distinctio dolor quasi expedita in vero. Voluptatem, necessitatibus cupiditate voluptatibus quae, blanditiis vero
        facilis aliquid libero tempore magni doloremque. Aliquam qui numquam ut suscipit incidunt quibusdam recusandae possimus
        commodi error nihil aut voluptatem perferendis perspiciatis beatae sint optio repellendus aperiam, nemo tenetur harum.
        Incidunt debitis cum in alias optio? Amet, vero ex, est modi id explicabo blanditiis, inventore error rem omnis sequi
        suscipit architecto aliquid commodi doloribus cupiditate ullam nisi ut sed nostrum. Consequatur sit illum repellendus
        ullam veritatis. Molestias ducimus tempora officiis tempore temporibus doloremque odio minima non recusandae eum,
        illo magni reiciendis dicta iusto sint magnam nulla! Error in modi assumenda necessitatibus minus ratione, architecto
        ad reiciendis! Quibusdam eos dolorum minima molestiae consequatur omnis maiores repellat saepe, mollitia autem placeat
        odit amet officiis consequuntur delectus molestias similique. Quibusdam fuga ad ducimus doloremque iure necessitatibus
        consequatur nobis! A? Adipisci eum exercitationem quidem nesciunt necessitatibus omnis dicta saepe, a distinctio
        ipsa sequi fuga dolores sunt velit quia nobis labore eligendi quae culpa vero laudantium. Eum porro expedita rerum
        saepe. Vitae cum itaque vel cumque dolores, error unde quasi recusandae, nobis blanditiis quam repellendus repudiandae
        harum nulla rerum quibusdam saepe optio? Dolorum, voluptatem enim nesciunt aspernatur non totam vero? Quos? Amet
        modi consequuntur dignissimos, alias suscipit explicabo accusantium ullam expedita illum blanditiis? Explicabo ipsum
        iste veritatis deleniti doloribus necessitatibus, impedit sequi dolore eaque magni quos voluptatem quam optio excepturi
        aut. Quasi beatae quam optio accusamus quae quaerat ducimus totam sint, repellat labore, quas tenetur nam vitae nihil
        sed ratione rem molestias earum maiores. Iure deleniti cupiditate maxime laborum iusto tenetur. Laborum maiores,
        magni corporis molestiae vitae dolorum, a impedit eaque consequatur repellendus voluptatum pariatur ratione! Illum,
        eligendi harum veritatis consequuntur natus laborum nostrum odit ab dolore ad voluptates saepe corporis. Consectetur
        ex omnis quod consequuntur a expedita aliquam dolores ipsa eum corporis. Inventore possimus distinctio a nihil odit
        autem maxime eos quidem voluptates rerum ullam animi fugiat, nostrum tempora nemo? Nisi corporis voluptate asperiores,
        reprehenderit doloribus iure eos ipsa nam laudantium non provident illum. Molestias ipsam voluptates, doloribus ab
        repudiandae similique, consectetur officiis labore non porro saepe laudantium rem hic! Ex nihil repudiandae quae,
        vitae maiores, at dolor inventore aliquid cupiditate, cumque consectetur nostrum corporis soluta voluptatum minus
        facere incidunt. Exercitationem cumque iure illum fugit fuga necessitatibus ratione facere quia! Autem perspiciatis
        aliquid alias fuga fugiat nostrum in, maiores voluptatibus pariatur repellat. Perspiciatis et quam ea tenetur saepe
        velit assumenda amet quisquam magnam molestias. Ad et nesciunt eligendi vel ipsam! Voluptates repellat esse a voluptatem
        provident possimus, non adipisci praesentium officia voluptate dicta, recusandae quibusdam ea magnam quia magni facilis
        deserunt quasi doloribus ad? Laborum consectetur et incidunt repudiandae itaque. Distinctio molestias excepturi eaque
        sed? Quibusdam ipsa quos rerum, ea similique ipsam culpa numquam eos tempore libero totam facere debitis impedit
        accusantium minima laborum, eveniet sapiente. Repellat officiis omnis laborum. Quisquam quasi iste laborum, doloremque
        quod cumque impedit nesciunt, possimus vitae magni at. Nihil, ea facere nemo possimus consectetur eveniet aperiam
        neque officia aliquid, sapiente hic a, maxime voluptatem sit. Odio cumque, quo eligendi ut voluptas obcaecati voluptatibus
        porro facilis nam aliquam provident recusandae tenetur iure natus praesentium ea harum molestiae nihil. Aliquam adipisci
        temporibus a qui. Consectetur, vitae laudantium. Et, quidem possimus. Labore velit nemo repudiandae repellat eos
        qui. Inventore, ut! Natus numquam ea voluptas asperiores soluta autem, recusandae ipsam possimus cumque provident,
        odit fugiat. Asperiores corporis earum obcaecati! Reiciendis quis eveniet molestiae quidem repudiandae similique
        modi, officiis deserunt vero assumenda ullam nemo, cum magnam sit. Veritatis qui rem recusandae beatae libero, similique
        voluptatem a nisi deleniti dolores harum? Praesentium in illo nisi odio error ducimus beatae maiores corporis nulla
        numquam magni aut earum quisquam aliquid vel natus veniam eum officiis, recusandae perferendis magnam, deleniti,
        laudantium nesciunt pariatur. Suscipit. Eligendi, officia ad. Ea velit temporibus voluptas pariatur sapiente cum
        dolorum possimus et nam est modi delectus ratione, debitis repellat illo illum tempora? At animi consectetur, neque
        saepe amet aliquam. Corrupti labore quasi esse minima aspernatur sunt velit quia quibusdam molestias odio veritatis
        beatae atque nulla dignissimos voluptas dolores qui optio, explicabo consequuntur ab molestiae, facilis vitae recusandae
        excepturi! Culpa. Hic deleniti ad est, minima harum consequuntur porro alias totam sequi aut modi autem optio deserunt
        perferendis corrupti? Blanditiis magni explicabo officiis quas eaque? Rem impedit officiis vel nulla repellat. Veritatis
        delectus quas blanditiis vitae veniam natus consectetur, enim molestiae possimus mollitia provident debitis, unde
        quos illo quam. Ab est ea quod ullam porro molestiae aspernatur saepe dolorem, blanditiis labore. Suscipit tenetur
        praesentium ratione. Autem adipisci laborum quaerat est dignissimos iure repellat doloremque suscipit velit quo iusto
        voluptatibus, debitis, delectus odit a reiciendis ducimus eum sed, consectetur omnis ipsa excepturi. Dignissimos
        debitis quaerat error eaque asperiores, maiores, provident sunt id quidem accusantium sequi eius libero ab! Animi
        necessitatibus corporis voluptas, temporibus voluptatibus, maiores autem, eaque provident repudiandae quidem nisi
        qui. Illum reiciendis cumque animi numquam eveniet, mollitia ipsa? Fugit expedita maiores ipsum consequuntur corporis
        molestias sunt saepe, quas, quidem explicabo nisi modi veniam exercitationem deleniti voluptatibus asperiores temporibus
        delectus laudantium. Alias nostrum natus minus aut sint. Atque eum nostrum sit repellendus reprehenderit quas cum
        molestias ad modi alias neque culpa libero in aliquam laborum omnis recusandae expedita, perspiciatis iusto eius.
        Sequi, saepe blanditiis animi laudantium, dignissimos numquam similique molestias tempora, cum corrupti error aspernatur
        deserunt fuga. Explicabo neque numquam est iste, quam ad temporibus perspiciatis minima dignissimos nihil labore
        cumque. Eum recusandae vel iusto consequatur distinctio dolorum vitae molestiae non hic doloribus, ullam voluptatibus
        ipsam commodi laudantium quam pariatur in voluptas rem! Quam vero cumque enim consequatur porro! Sit, pariatur. Odit,
        quaerat. Possimus quibusdam porro voluptatum laudantium repellat maxime quam ipsa ex voluptates, eligendi asperiores
        facere temporibus delectus iure vitae aliquid ut soluta error tempore magni! Recusandae numquam animi ab. Quas, consequatur.
        Sed enim sunt eos veniam error in porro odit, dolores dicta hic, rem possimus quidem nobis delectus sint accusamus
        mollitia molestias illo beatae earum perspiciatis, corrupti velit recusandae? Fugiat explicabo velit odio nisi pariatur.
        Totam vitae expedita culpa autem delectus quae amet saepe voluptates odio aliquid, est consequatur suscipit doloremque
        repellat molestiae provident iure voluptatibus at debitis consequuntur. Deserunt deleniti at molestiae dolorem et
        odio est tempore eius quidem omnis enim adipisci praesentium corrupti laudantium accusantium ducimus earum doloremque
        iure quae esse, in amet numquam? Aliquam, suscipit consectetur! Quia optio qui aliquid provident dolorum suscipit
        officia ullam nisi tempora quisquam fugiat rerum eligendi sint, pariatur reprehenderit beatae explicabo et corrupti
        minima, assumenda excepturi molestias quidem iste? Ratione, nostrum. Illo nihil in porro tempore explicabo corrupti
        consequuntur ullam ducimus quo aliquid vitae placeat eveniet, ratione mollitia. Consequatur cupiditate atque exercitationem
        odio, error veniam quisquam, officia ipsum minus dolores possimus! Veritatis nihil dignissimos fugit aspernatur unde
        ipsam non praesentium delectus repudiandae, voluptatum, perferendis magnam illum repellendus tenetur, neque similique
        omnis consequuntur. Quam soluta hic dolore dolores consequuntur officiis. Est, debitis? Totam esse ea, blanditiis
        iste ullam ab exercitationem quo accusamus minima est voluptatibus optio aliquam aut asperiores enim repudiandae
        eveniet voluptate. Rem laudantium esse ipsam tempore obcaecati, dignissimos doloremque nemo! Provident repellat animi
        illum numquam minima recusandae omnis nemo. Fugiat fugit ex aliquam dolorum eum possimus sit ipsum qui ab amet incidunt
        esse deleniti quas, excepturi unde. Praesentium, voluptatum sapiente.</p>
    <div class="sticky2">
        <p>顶部导航</p>
        <a href="#active" id="active">active的a标签</a>
    </div>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident eveniet, nisi illum quos veniam tempora asperiores inventore fuga, necessitatibus, deserunt iste qui voluptas doloremque sequi debitis laudantium accusamus ab dolor.
    Dignissimos quibusdam quas vel repellat eveniet. Enim aliquid maxime repudiandae! Excepturi facere ullam nostrum magnam, repellendus id nemo magni laudantium. Sunt debitis earum facere voluptate perferendis optio, repellendus reprehenderit ratione?
    Impedit eius est ut nemo. Iste officiis mollitia sequi consequatur voluptate, sapiente, vitae similique nisi placeat dolores quos ab voluptas earum molestias nostrum reiciendis rerum illum laborum cupiditate porro quae.
    Aperiam distinctio illum blanditiis, libero veritatis dolor saepe ab aliquam mollitia qui vero reiciendis odio accusamus, nobis repudiandae consectetur fugit, doloribus rem iusto excepturi. Aliquid explicabo temporibus neque facere doloribus.
    Dignissimos fugiat incidunt voluptate, assumenda enim harum non, quo corrupti aspernatur beatae, atque earum officiis repellendus aperiam quos nobis impedit similique deserunt ea rerum. Exercitationem distinctio commodi iure a placeat?
    Pariatur, dicta tempora voluptate ut assumenda corrupti impedit, ex eius beatae expedita est alias voluptatum consequuntur necessitatibus. Dignissimos molestiae reiciendis vel neque possimus atque cumque consectetur odit veniam nihil? Debitis?
    Veritatis modi minus animi. Vitae tenetur aperiam provident sapiente cupiditate iure consequuntur. Maxime, neque ut ullam perferendis rerum praesentium eligendi eius cumque earum natus excepturi quasi! Fugiat voluptates officia voluptate?
    Libero sit doloribus incidunt accusamus excepturi. Vel, adipisci earum expedita tenetur voluptates quos in quasi nam, repellendus reprehenderit accusamus vero! Labore delectus ad molestias harum quos atque at illum praesentium?
    Error quo quam corrupti eius nesciunt, maiores maxime ducimus numquam enim ipsum velit dolorem quos quidem ratione. Praesentium, voluptate fugit eveniet recusandae cupiditate quam dolor natus, esse vitae eaque neque?
    Odit sequi cumque assumenda, quis illo quo doloremque corrupti at nam alias. Quod sapiente officia illum modi necessitatibus vel corrupti quis aut architecto explicabo adipisci amet, laborum inventore, commodi temporibus!
    Quibusdam dolor possimus sapiente corporis sunt aliquid eos voluptatibus error minima. Consequatur deserunt quam sit tenetur autem iure, beatae fugit velit molestias veritatis error sed asperiores sunt id iusto fugiat?
    Itaque incidunt consequatur laudantium unde officiis doloremque natus, quasi asperiores eos quod nesciunt! Odio, omnis ipsam. Doloribus, dolorem consequuntur! Enim quam sequi animi saepe dolorem porro, recusandae sapiente maiores iure.
    Labore nam magnam voluptatem, sunt facilis autem ullam doloremque. Fuga atque corrupti quia error voluptatem, minima necessitatibus soluta eveniet odit consequatur iste, itaque ullam sit quibusdam autem aliquid accusantium illum?
    In, sint porro ratione dicta quia quis magnam. Provident ducimus commodi at inventore repudiandae minus laboriosam animi cupiditate odio delectus maxime tenetur similique veniam, fugit, enim aliquam sunt nobis molestias?
    Nobis consequuntur voluptatem ad aspernatur ipsa fugiat cumque asperiores, natus optio aut accusamus obcaecati magni placeat, et aliquam minima voluptatum. Mollitia deleniti suscipit dolores dolore, repellat expedita veritatis nostrum commodi.
    Consectetur corrupti eligendi atque magnam soluta, eaque aut omnis dolores eveniet doloremque nemo suscipit quae veritatis repudiandae inventore itaque fugit nam quaerat id aperiam quia est consequuntur! Veniam, recusandae est?
    Laborum temporibus voluptate repellendus magnam itaque possimus iste, esse cupiditate corrupti facere repudiandae doloremque asperiores distinctio atque quod nostrum ut magni. Omnis saepe veniam tenetur veritatis illum! Quam, quod eius.
    Doloribus, optio, ullam a dolorum esse voluptatum ratione repellendus qui dicta debitis numquam eaque adipisci accusamus! Sapiente, exercitationem repudiandae nihil numquam qui accusantium dolores voluptatibus nisi repellendus similique consequatur alias!
    Qui omnis tenetur adipisci dicta cum doloribus voluptas excepturi dolorum quia repellendus eligendi enim reiciendis dolores sunt nihil officia dolorem perferendis velit fugit aperiam, quod placeat maiores nostrum. Sed, ratione!
    Asperiores, consequuntur inventore deleniti enim deserunt fugit maiores, illum, quam repellat quibusdam consectetur ipsa iste unde molestias nostrum sunt quaerat dolores soluta aliquid! Voluptates animi adipisci minima voluptatem consequuntur aperiam?
    Repellat architecto quo eius maxime aliquid, itaque vitae laboriosam commodi similique harum modi a doloremque id blanditiis, rerum dolorum. Excepturi temporibus quasi sint velit eos perferendis ipsam voluptas nulla maxime!
    Similique mollitia nemo laborum, sapiente amet rem, porro earum quae excepturi, quos molestiae iste recusandae eveniet! Architecto doloremque, tempore nihil ipsam perspiciatis porro libero natus similique quam deserunt nam hic!
    Hic porro veniam cupiditate optio ducimus, earum quae quasi qui neque ab error ea repudiandae pariatur iusto sint eum, fugiat voluptatibus? Accusantium sunt ex accusamus nisi alias cupiditate blanditiis doloribus.
    Ex sapiente esse ullam necessitatibus magnam quasi! Illo quibusdam ratione ipsum alias reiciendis omnis, tempore officia vero nihil impedit dolore sunt ipsam explicabo deserunt vel similique pariatur. Similique, sint sunt.
    Molestias laboriosam, nesciunt tenetur fugiat repellat, at quod ipsam, corrupti cumque architecto id corporis voluptatibus! At nulla quaerat est vitae, distinctio, quos tempora ipsam quis necessitatibus numquam repellendus possimus consectetur.
    Fuga quidem iusto molestiae voluptatum harum minus praesentium ut qui. Placeat quam unde aut eius, ad voluptatem ullam illo eum qui error nostrum mollitia, hic sunt itaque! Quod, nihil minus!
    Velit asperiores exercitationem ab nulla alias est, qui eius sequi repellat minus eos magnam eligendi hic nostrum ipsa blanditiis eveniet sunt voluptatibus. Dicta amet, deleniti nostrum consequatur temporibus maxime excepturi!
    Odio qui delectus nesciunt soluta cum necessitatibus libero cupiditate beatae maiores quaerat odit repudiandae consectetur iste laudantium repellat dignissimos eligendi porro culpa voluptate vitae, sequi facere totam itaque! Iure, distinctio!
    Incidunt rem non ex alias, eius veritatis voluptatem iusto debitis neque. Nemo cum amet officiis hic mollitia vero velit deserunt repellendus sapiente commodi debitis, at in eaque voluptatibus consectetur. Voluptate.
    Sapiente tempora dolore eveniet nesciunt ab accusamus deserunt, laborum unde, rem praesentium inventore? Ad nihil odio eos dolore officia! Magni eveniet dolorem ipsam architecto quia tempora adipisci. Expedita, eum aliquid.</p>
</body>

</html>